﻿{% extends "element/base.html" %}

{% block header %}  {% include "element/header.html" %}  {% endblock %}

{% block banner %}  {% include "element/banner.html" %}  {% endblock %}

{% block headlines %} {% include "element/headlines.html" %}  {% endblock %}

{% block footer %} {% include "element/footer.html" %}   {% endblock %}

{% block content %}
<div class="container">
<div class="site_container">
    <!-- begin intro text -->
    <div class="intro_container"> 
        <div class="intro_content">
            <div class="intro_text">Computer information query and publishing platform, do our own computer platform!</div>
            <div class="intro_image">
                <a href="/contact">Contact Us</a>
            </div>
        </div>
    </div>
    <!-- end intro text -->
    
    
    <div class="site_container">
        <div class="site_content">
            
            <!-- begin home widgets -->
            <div class="home_widgets clearfix">
                <div class="site_container">
                        {% for post in posts %}
                                
                                            
                            <!-- begin portfolio box  -->
                            <div class="portfolio_box">
                        
                                <!-- begin image skin -->
                                <div class="image_skin">
                                
                                    <!-- begin image inside border -->
                                    <div class="image_inside_border">
                                
                                        <!-- begin image -->
                                        <div class="image_skin_anime" style="width:280px; height:150px;">
                                    
                                            <div class="image_holder" lang="zoom_image" style="width:280px; height:150px;">
                                                <a href="static/images/hit.jpg" rel="prettyPhoto[gallery]">
                                                    <img src="static/images/hit.jpg" width="280" height="150" alt=""/>
                                                </a>
                                            </div>
                                        
                                        </div>
                                        <!-- end image -->
                                    
                                    </div>
                                    <!-- begin image inside border -->
                                    
                                </div>
                                <!-- end image skin -->
                                    
                                <div class="cleardiv"></div>
                                
                                <!-- begin box details -->
                                <div class="portfolio_details" style="width:280px;" >
                                    
                                    <!-- begin box title -->
                                    <div class="portfolio_title">
                                        <div class="custom_title">{{ post.timestamp|date:"Y-m-d H:i:s" }}</div>
                                    </div>
                                    <!-- end box title -->
                                    
                                    <!-- begin detail text -->
                                    <div class="portfolio_text">
                                        {{ post.title }}
                                        <div class="portfolio_details_button">
                                            <a href="/blog">
                                                <span class="details_button">Read more ?</span>
                                            </a>
                                        </div>
                                    </div>
                                    <!-- begin detail text -->
                                    
                                </div>
                                <!-- end box details -->

                            </div>
                            <!-- end portfolio box #3 -->
                        {% endfor %}
                </div>
            <!-- end home widgets -->
            <div class="cleardiv"></div>
                            
        </div>

    </div>
</div>
</div>
</div>
{% endblock %}
